<template>
  <div class="pre">{{ session }}</div>
  <Doc :data="doc" />
  <hr />
  <Doc />
</template>
<script>
import Doc from "@/components/Doc";
export const components = { Doc };
export default {
  name: "App",
  // mixins: [session],
  components,
  data() {
    return { doc: {} };
  },
  inject: ["session"],
  mounted() {
    window.ap1 = this;
    console.log(this.session, this);
    // this.session.user.name = 9;
    // this.session.user.name1 = 9;
    // this.$api("test.get");
    // this.$ajax({
    //   method: "post",
    //   url: "test.get",
    //   params: { a: 1 },
    //   data: { a: 2 }
    // });
  },
  updated() {
    console.log("[app][updated]");
  },
  beforeUnmount() {}
};
</script>
<style>
.pre {
  max-height: 200px;
  overflow: auto;
}
</style>
